inner /*
* @Author: Marte
* @Date:   2018-05-30 14:20:56
* @Last Modified by:   Marte
* @Last Modified time: 2018-07-17 16:32:06
*/
.tta {
    width: 100%;
    position: absolute;
    top: 85px;
    z-index: 3;
}

/* 登录页开始 */
.logo_a {
    width: 20px;
}

.logo_new {
    height: 40px;
    width: 20px;
}

/* 登录页结束 */

/* element轮播 */
.el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
}

/*首页第二部分start备份*/
/* .shilei{width:100%;height:575px;background-color:;float: left;}
.shilei .zi p{
  font-size:16px;
  color:#242933;
  padding-top: 10px;
  padding-bottom: 30px;}
.shilei .zi span{font-size:24px;color:#008cd6;padding-bottom: 15px;}
.shilei .icons{padding-left:49px;}
.shilei li{
  width:222px;
  height:185px;
  float: left;
  background-color:#2529349c;}
.shilei li img{display: block;padding-left:77px;padding-top:40px;}
.shilei ul li:nth-child(2n){width:222px;height:185px; float: left;background-color:#f6fafc;}
.shilei li p{
  font-size:20px;
  text-align:center;
  padding-top: 20px;
  color: #333;}
.shangyi img {
      position: relative;
    display: block;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.shangyi img:hover {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.index02{
  width: 222px;
} */
/* 首页第二部分end */

/*首页第二部分start备份*/
.shilei {
    width: 100%;
    height: 660px;
    /*background-color:;*/
    float: left;
}

.shilei .zi p {
    font-size: 16px;
    color: #5e5e5e;
    padding-top: 10px;
    padding-bottom: 20px;
}

.shilei .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
}

.shilei .icons {
    padding-left: 49px;
}

.shilei li {
    width: 198px;
    height: 233px;
    float: left;
    background-color: #f4f5f8;
    margin: 10px;
    box-shadow: 2px 2px 10px #828488b0
}

.shilei li img {
    display: block;
    padding-left: 63px;
    padding-top: 40px;
}

.shilei ul li:nth-child(2n) {
    width: 198px;
    height: 233px;
    float: left;
    background-color: #f4f5f8;
    margin: 10px;
    box-shadow: 2px 2px 10px #828488b0
}

.shilei li p {
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    padding-right: 28px;
    padding-bottom: 6px;
    color: #333;
}

.shangyi img {
    position: relative;
    display: block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.shangyi img:hover {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.index02 {
    width: 222px;
}

/* 首页第二部分end */


/* 视频banner使用start */
body {
    margin-right: 0;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0
}

.cloudvideo {
    text-align: center;
    box-align: center;
    width: 20px;
}

.abc {
    /* width: 100%; */
    /* height: auto;  */
    /* display: block; */
    /* min-height: 100%;
  min-width: 100%; */
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


video {
    display: block;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* 视频banner使用end */
@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    font-family: "微软雅黑";
    background: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

span {
    font-size: 14px
}

img {
    border: 0px;
}

em {
    font-style: normal;
}

.main {
    width: 1200px;
    /* height: inherit; */
    margin: 0 auto;
    overflow: hidden;
}


/*导航*/
.location {
    position: relative;
}

.location .demo {
    width: 100%;
    /* padding-top: 18px; */
    background-color: rgba(255, 255, 255, 0); /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
    position: absolute;
    z-index: 9999
}

.location .demo p {
    color: #FFFFFF;
}

@media \0screen\,screen\9 {
    /* 只支持IE6、7、8 */
    .location .demo {
        background-color: #000000;
        filter: Alpha(opacity=50);
        position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom: 1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }

    .location .demo p {
        position: relative; /* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}

.location .demo .main img {
    float: left;
}

.location .demo .main ul {
    float: right;
    margin-top: 0px;
    padding-top: 0;
    padding-bottom: 15px;
}

.location .demo .main ul li {
    font-size: 16px;
    float: left;
    width: 62px;
    text-align: center;
    height: 40px;
}

.location .demo .main ul li a {
    width: 100%;
    color: #fff;
}

.location .demo .main ul li a:hover {
    color: #049ff1;
}

.location .demo .main ul li.on {
    border-bottom: 4px solid #049ff1;
    color: #fff;
}

.location .demo .main ul li p.on {
    color: #049ff1;
    font-size: 16px;
}

/*
.location .move{
    height: 4px;
    width: 37px;
    border-top: 4px solid #008cd6;/*只需要将上边显示出来
    position: absolute;
    left:812px;
    top: 86px;
    transition: left .2s ease-in-out 0s;/*包含四个过度属性：执行变换属性、执行时间、速率、延迟
    -webkit-transition: left .2s ease-in-out 0s;/*chrome和safari
    -moz-transition: left .2s ease-in-out 0s;/*firefox
    -o-transition: left .2s ease-in-out 0s;/*opera
}
li:nth-child(1):hover~ .move{    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变
    left: 812px;
}
li:nth-child(2):hover~ .move{
    left: 914px;
}
li:nth-child(3):hover~ .move{
    left: 1025px;
}
li:nth-child(4):hover~ .move{
    left: 1140px;
}
li:nth-child(5):hover~ .move{
    left: 1252px;
}
li:nth-child(6):hover~ .move{
    left: 1370px;
}
li:nth-child(7):hover~ .move{
    left: 1480px;
}
*/
.tta {
    width: 100%;
    position: absolute;
    top: 85px;
    z-index: 3;
}

/*banner*/
.banner {
    width: 100%;
    position: relative;
    height: 535px;
    overflow: hidden;
}

.flexslider {
    position: relative;
    height: 485px;
    overflow: hidden;
    width: 100%;
    z-index: 2;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 535px;
}

.slides li a {
    display: block;
    height: 535px;
}

/*推荐条*/
.location .strip {
    width: 100%;
    background-color: #f0f0f0;
    height: 30px;
}

.location .strip .wrap {
}

.location .strip .wrap img {
    padding-left: 180px;
    padding-top: 5px;
    float: left;
}

.location .strip .wrap p {
    float: left;
    padding-left: 65px;
    padding-top: 4px;
    color: #666;
}

.location .strip .wrap p a {
    color: #666;
}

.location .strip .wrap p a:hover {
    color: #008cd6;
}

/*
      @-webkit-keyframes anim1{
        0% {top: 30px;opacity: 1}
        50% {top: -30px;opacity: 1}
        75% {top: -30px ;opacity: 0}
        100%{top:30px;opacity: 0}
      }
      @-webkit-keyframes anim2{

        0% {top: -30px;opacity: 0}
        25% {top: 30px;opacity: 0}
        50% {top: 30px;opacity: 1}
        100%{top: -30px;opacity: 1}
      }

.location .strip .wrap .content p:nth-child(1){}
.location .strip .wrap .content p:nth-child(2){}
.location .strip .wrap .content p:nth-child(1){

        -webkit-animation: anim1 8s linear infinite;
      }

.location .strip .wrap .content p:nth-child(2){

        -webkit-animation: anim2 8s linear infinite;
      }
*/


/*底部*/
.yejiao {
    float: left;
    width: 100%;
    height: 260px;
    background: url(images\dbbj.jpg);;
}

.yejiao .tess .left {
    padding-left: 50px;
    padding-top: 35px;
    margin-bottom: 50px;
    float: left;
}

.yejiao .tess .left img {
    padding-bottom: 10px;
}

.yejiao .tess .left p {
    width: 360px;
    font-size: 14px;
    color: #ffffff;
    line-height: 25px;
}

.yejiao .tess .center {
    padding-left: 105px;
    padding-top: 37px;
    float: left;
}

.yejiao .tess .center p {
    width: 360px;
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
}

.yejiao .tess .right {
    padding-left: 35px;
    padding-top: 35px;
    float: left;
}

.yejiao .tess .right p {
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
}

.yejiao .tess .right img {
    padding-top: 20px;
    padding-left: 20px;
}


.a {
    float: left;
    width: 100%;
    height: 35px;
    background-color: #090d25;
}

.a p {
    font-size: 14px;
    color: #7c7c7c;
    text-align: center;
    padding-top: 5px;
}

.yejiao .butt .butt_xian {
    color: #000;
}

/*内页开始*/
.bodyc {
}

/*页码*/
.page {
    text-align: center;
    margin-bottom: 30px;
}

.page a {
    color: #555;
    font-size: 13px;
    padding: 5px 12px;
    border: #dcdcdc 1px solid;
    margin: 0 2px;
    display: inline-block;
    background: #fff;
}

.page a.hover {
    background: #0070bc;
    color: #fff;
}

.page a:hover {
    background-color: #0070bc;
    color: #fff;
}


/*成功案例内页*/
.bg {
    position: absolute;
    top: 0;
}

.bg img {
    width: 100%;
    height: 500px;
}

.tt {
    width: 100%;
    position: absolute;
    top: 196px;
    z-index: 3;
}

.slogan {
    width: 665px;
    height: 165px;
    background: rgba(255, 255, 255, 0.7);
}

.slogan span {
    width: 100%;
    display: block;
    color: #008cd6;
    font-size: 34px;
    text-align: center;
    padding-top: 30px;
}

.slogan p {
    width: 100%;
    color: #333;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
}


.all .subtitle .top {
    width: 100%;
    height: 100px;
    float: left;
    padding-top: 30px;
}

.all .subtitle .top p {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #333;
}

.all .subtitle .top span {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #999;
    display: block;
}

.all .subtitle .top img {
    width: 100%;
    text-align: center;
}

.all .subtitle .watch li {
    width: 354px;
    height: 300px;
    float: left;
    margin-left: 35px;
    border: 1px solid #ccc;
    margin-bottom: 38px;

    text-align: center;
}

.all .subtitle .watch li:hover {
    border: 1px solid #008cd6;
    box-shadow: 0 0 3px #008cd6;
}

.all .subtitle .watch li p {
    font-size: 16px;
    margin-top: 10px;
}

/*教研实力*/
.all .subtitle .teacher li {
    width: 260px;
    height: 420px;
    float: left;
    margin-left: 30px;
    border: 1px solid #ccc;
    margin-bottom: 38px;
    text-align: center;
    overflow: hidden;
}

.jjj {
    overflow: hidden;
}

.jjj img {
    cursor: pointer;
    transition: all 1.2s;
}

.jjj img:hover {
    transform: scale(1.2);
}

.all .subtitle .teacher li span {
    color: #333;
    font-size: 18px;
    padding-top: 5px;
}

.all .subtitle .teacher li p {
    width: 95%;
    font-size: 14px;
    text-align: center;
    padding-left: 5px;
    padding-top: 10px;
    color: #666;
}

.all .subtitle .teacher li:hover {
    border: 1px solid #008cd6;
    box-shadow: 0 0 3px #666;
}

/*新闻中心*/
.kind {
    height: 60px;
}

.news {
    padding-top: 20px;
    padding-left: 395px;
}

.news ul {
    text-align: center;
}

.news ul li {
    float: left;
    width: 120px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
}

.news ul li a {
    float: left;
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #333;
}

.news ul li a:hover {
    border: 1px solid #008cd6;
    color: #008cd6;
}

.news ul li a.on {
    border: 1px solid #008cd6;
    color: #008cd6;
}

.biao {
    width: 885px;
    background-color: #fff;
    float: left;
}

.biao .neirong img {
    width: 206px;
    height: 137px;
    float: left;
    padding-right: 20px;
}

.biao .neirong li {
    float: left;
    height: 140px;
    border-bottom: #dadada 1px solid;
    padding-bottom: 16px;
    padding-top: 18px;
    margin-right: 20px;
    margin-left: 20px;
}

.biao .neirong h3 {
    font-size: 18px;
    color: #333;
    padding-bottom: 10px;
}

.biao .neirong p {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.biao .neirong span {
    font-size: 16px;
    color: #ccc;
    float: left;
    padding-top: 15px;
}

.biao .neirong a:hover h3 {
    color: #008cd6;
}

.right {
    width: 285px;
    float: right;
    padding-left: 20px;
}

.right .top {
    width: 285px;
    height: 63px;
    border-bottom: #dcdcdc 1px solid;
}

.right .tuijian li {
    width: 272px;
    height: 50px;
    float: left;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    padding: 5px;
}

.right .tuijian p {
    float: left;
    font-size: 14px;
    padding: 5px;
    color: #333;
}

.right .tuijian ul {
    padding-top: 20px;
    height: 330px;
    border-bottom: #ccc 1px solid;
}

.tuijian {
    padding-top: 15px;
}

.tuijian span {
    font-size: 18px;
    padding-bottom: 10px;
}

.tuwen {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.tuwen img {
    padding: 10px;
}

.tuwen li {
    height: 230px;
    border-bottom: #dcdcdc 1px solid;
    padding-top: 20px;
}

.tuwen li a {
    font-size: 14px;
    color: #666;
}

.pagea {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagea a {
    color: #555;
    font-size: 13px;
    padding: 5px 12px;
    border: #dcdcdc 1px solid;
    margin: 0 2px;
    display: inline-block;
    background: #fff;
}

.pagea a.hover {
    background: #333;
    color: #fff;
}

.pagea a:hover {
    color: #0070bc;
}

.content input {
    margin-top: 10px;
    padding: 7px;
    float: left;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #ccc;
}

.submit {
    padding-top: 10px;
    text-align: center;
    margin-top: 25px;
}

.submit input {
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #008cd6;
    border: 1px solid #008cd6;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 7px 16px;
    font-size: 14px;
    border-radius: 4px;
}

.details .sub_wz a p {
}

.details .sub_wz a:hover {
    color: #008cd6;
}

.details .sub_wz_main {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.details .sub_wz_main span, .sub_wz_main a, .sub_wz_main {
    font-size: 13px;
    color: #868686;
}

.details .sub_wz_main span {
    padding: 0 5px;
}

.details .xiangqing h1 {
    font-size: 24px;
    color: #333;
    padding-bottom: 20px;
}

.details .xiangqing {
    width: 100%;
    text-align: center;
}

.details .xiangqing .biaoti {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}

.details .xiangqing span {
    font-size: 14px;
    color: #ccc;
    padding-bottom: 20px;
}

.details .xiangqing img {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
}

.details .xiangqing .neir {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ccc;
}

.details .xiangqing .neir p {
    font-size: 16px;
    color: #666;
    text-align: left;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.text .bottoma {
    float: right;
}

.text {
    width: 100%;
    height: 60px;
    padding-top: 20px;
}

.text .topa {
    float: left;
}

.text .topa a {
    float: left;
}

.text p {
    font-size: 14px;
    color: #999;
    padding: 5px;
}

.text a:hover p {
    font-size: 14px;
    color: #666;
    padding: 5px;
}

/*关于我们*/

.tte {
    width: 100%;
    position: absolute;
    top: 196px;
    z-index: 3;
}

.tte .slogan {
    width: 665px;
    height: 165px;
    background: url(../images/bjj.png) no-repeat;
}

.tte .slogan span {
    width: 100%;
    display: block;
    color: #008cd6;
    font-size: 34px;
    text-align: center;
    padding-top: 30px;
}

.tte .slogan p {
    width: 100%;
    color: #333;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
}

.outer .title {
}

.outer .title img {
    padding-left: 515px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.outer .left_a {
    width: 701px;
    padding-left: 30px;
    padding-top: 30px;
    float: left;
}

.outer .left_a span {
    font-size: 18px;
}

.outer .left_a .qq {
    font-size: 16px;
    color: #666;
    border-bottom: 2px solid #008cd6;
    float: left;
    height: 30px;
    padding-top: 10px;
}

.outer .left_a p {
    height: 30px;
    font-size: 16px;
    color: #666;
    padding-top: 55px;
    line-height: 30px;
}

.outer .right_a {
    float: right;
    padding-right: 20px;
    padding-top: 40px;
}

.wrap_a {
    width: 100%;
    height: 360px;
}

.wrap_b {
    width: 100%;
    height: 493px;
    background: url(../images/us.jpg) no-repeat;
    text-align: center;
}

.wrap_b img {
    padding-top: 30px;
}

.outer .font {
    width: 400px;
    padding-top: 80px;
    padding-left: 700px;
    line-height: 30px;
}

.outer .font p {
    font-size: 16px;
    text-align: left;
}

.scroll {
    width: 54px;
    height: 54px;
    background: url(../img/top.png) no-repeat;
    text-align: center;
    position: fixed;
    top: 50px;
    left: 30px;
    cursor: pointer;
    font-size: 14px;
    z-index: 100000000000000000000000000000;
}

.roll-btn {
    display: none \0;
    z-index: 9;
    width: 500px;
    height: 400px;
    z-index: 9;
    animation: bannerScale 2s linear infinite;
    background-size: cover;
}


@keyframes bannerScale {
    0% {
        bottom: 15px;
    }
    50% {
        bottom: 0px;
    }
    100% {
        bottom: 15px;
    }
}

@-webkit-keyframes bannerScale {
    0% {
        bottom: 30px;
    }
    50% {
        bottom: 0px;
    }
    100% {
        bottom: 30px;
    }
}

.ditubiao img {
    width: 573px;
    height: 320px;
}


.frame {
    width: 100%;
    float: left;
    height: 445px;
}

.frame .dd img {
    padding-left: 515px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.frame ul img {
    width: 342px;
    height: 240px;
    padding-bottom: 10px;
}

.frame ul li {
    width: 350px;
    float: left;
    padding: 25px;
    text-align: center;
}

.frame ul li span {
    font-size: 18px;
}

.frame ul li p {
    font-size: 14px;
    color: #666;
}

.frame .null {
    width: 80px;
    height: 4px;
    background-color: #008cd6;
    margin-left: 132px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fangda img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.fangda img:hover {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.fangwei_a {
    width: 100%;
    float: left;
    background-color: #f6fafc;
    height: 333px;
}

.fangwei_a .zi_a {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.fangwei_a .zi_a span {
    font-size: 24px;
    color: #333;
}

.fangwei_a .why_a {
    padding-left: 10px;
}

.fangwei_a ul {
    width: 100%;
    text-align: center;
}

.fangwei_a ul li {
    float: left;
    width: 196px;
}

.fangwei_a .why_a p {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 20px;
}

.main .dd {
    padding-left: 512px;
    padding-top: 30px;
}


/*课程服务*/
.kecheng {
    width: 100%;
    float: left;
    height: 333px;
    float: left;
}

.kecheng .zi_a {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
}

.kecheng .zi_a span {
    font-size: 24px;
    color: #333;
}

.kecheng .why_a {
    padding-left: 10px;
}

.kecheng ul {
    width: 100%;
    text-align: center;
}

.kecheng ul li {
    width: 238px;
    float: left;
}

.kecheng .why_a p {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    padding: 20px;
}

.kefu {
    width: 100%;
    height: 400px;
    float: left;
    background-color: #10a1ed;
}

.kefu .left_zi {
    width: 45%;
    text-align: center;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 115px;
    float: left;
}

.kefu .left_zi span {
    font-size: 30px;
    color: #fff;
}

.kefu .left_zi p {
    font-size: 20px;
    color: #fff;
}

.kefu .left_zi .ll {
    padding-top: 20px;
    padding-left: 40px;
}

.kefu .left_zi .ll p {
    width: 420px;
    font-size: 18px;
    padding: 10px;
    border: 2px solid #fff;
    margin: 20px;
    border-radius: 4px;
}

.kefu .left_zi .ll img {
    padding-right: 10px;
}

.kefu .right_img {
    float: left;
    padding-top: 80px;
}

.gongkai {
    width: 100%;
    height: 535px;
    background: url(../images/ww.jpg) no-repeat;
    float: left;
}

.gongkai .img_h p {
    width: 100%;
    text-align: center;
    font-size: 24px;
    padding-top: 30px;
}

.gongkai .img_h .pinka li {
    width: 480px;
    height: 110px;
    background-color: #ff544f;
    float: left;
    margin-left: 80px;
    margin-top: 40px;
    box-shadow: 9px 9px 6px 0px #999;
}

.gongkai .img_h .pinka img {
    padding-left: 80px;
    padding-top: 22px;
    float: left;
}

.gongkai .img_h .pinka span {
    height: 40px;
    width: 223px;
    font-size: 22px;
    color: #fff;
    padding-left: 35px;
    padding-top: 20px;
    float: left;
}

.gongkai .img_h .pinka p {
    font-size: 16px;
    color: #fff;
}

.gongkai .img_h .whitea li {
    width: 480px;
    height: 220px;
    background-color: #fff;
    float: left;
    margin-left: 80px;
    box-shadow: 9px 9px 6px 0px #999;
}

.gongkai .img_h .whitea p {
    width: 70%;
    font-size: 18px;
    padding-left: 70px;
    padding-top: 40px;
    line-height: 30px;
    color: #666;
}

.run {
    width: 100%;
    height: 500px;
    float: left;
    background-color: #fff;
}

.zi {
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.run .zi p {
    font-size: 26px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 30px;
}

.img .list li {
    width: 265px;
    height: 302px;
    float: left;
    margin-left: 20px;
}

/
/
box-shadow:

0
0
3
px #666

;
投影
.run .list span {
}

.run .list a p {
    width: 150px;
    font-size: 18px;
    color: #333;
}

.run .list a {
    text-align: center;
    float: left;
}

.run .list a span {
    color: #008cd6;
}

.run .list a:link p {
    width: 92%;
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
    line-height: 26px;
}

.run .list a:link span {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #333;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.run .list a .list-icon {
    width: 80px;
    height: 80px;
    margin: 45px auto 15px;
    background: left no-repeat;
}

.run .list li:nth-child(1) a .list-icon {
    background-image: url('../images/icon_28.png');
}

.run .list li:nth-child(2) a .list-icon {
    background-image: url('../images/icon_29.png');
}

.run .list li:nth-child(3) a .list-icon {
    background-image: url('../images/icon_30.png');
}

.run .list li:nth-child(4) a .list-icon {
    background-image: url('../images/icon_31.png');
}

.run .list a:link img {
    padding: 15px;
}

.run .list a:link {
    width: 230px;
    height: 330px;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 3px #666;
}

.run .list a:hover {
    display: block;
    background-color: #008cd6;
    transition: 0.3s;
}

/*给a标签设置成块级元素*/
.run .list a:hover span {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    float: left;
    padding-bottom: 20px;
}

.run .list a:hover p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

.run .list li a:hover .list-icon {
    background-position: right;
}

.run .list .gengduo {
    width: 100px;
    height: 30px;
    border: 1px solid #008cd6;
    margin-top: 30px;
    margin-left: 44px;
    color: #008cd6;
    padding-top: 5px;
}

.guanli {
    width: 100%;
    height: 550px;
    background-color: #f6fafc;
    float: left;
}

.guanli .quan {
    width: 100%;
    text-align: center;
}

.guanli .quan p {
    font-size: 24px;
    padding-top: 30px;
}

.guanli .quan img {
    padding: 40px;
}

.guanli .center {
    width: 100%;
    padding-top: 50px;
    padding-left: 84px;
}

.guanli .center ul {
    width: 100%;
    padding-left: 20px
}

.guanli .center li {
    width: 500px;
    height: 185px;
    float: left;
}

.guanli .center li .left_s {
    float: left;
    padding-top: 20px;
}

.guanli .center li .left_s span {
    font-size: 22px;
    color: #87cf73;
    padding-bottom: 10px;
}

.guanli .center li .left_s p {
    width: 210px;
    font-size: 16px;
    padding-top: 10px;
}

.guanli .center li .right_s {
    float: right;
}

.guanli .center li .left_e {
    float: left;
    padding-top: 72px;
}

.guanli .center li .left_e span {
    font-size: 22px;
    color: #feb800;
    padding-bottom: 10px;
}

.guanli .center li .left_e p {
    width: 210px;
    font-size: 16px;
    padding-top: 10px;
}

.guanli .center li .right_e {
    float: right;
}

.guanli .center li .right_g {
    float: left;
    padding-left: 20px;
    padding-top: 18px;
}

.guanli .center li .right_g span {
    font-size: 22px;
    color: #f9195f;
    padding-bottom: 10px;
}

.guanli .center li .right_g p {
    width: 210px;
    font-size: 16px;
    padding-top: 10px;
}

.guanli .center li .left_g {
    float: left;
}

.guanli .center li .right_c {
    float: left;
    padding-left: 20px;
    padding-top: 70px;
}

.guanli .center li .right_c span {
    font-size: 22px !important;
    color: #5ca9cb;
    padding-bottom: 10px;
}

.guanli .center li .right_c p {
    width: 210px;
    font-size: 16px;
    padding-top: 10px;
}

.guanli .center li .left_c {
    float: left;
}

.wrapb {
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}

.wrapb .inner {
    height: 490px;
    background: rgba(0, 0, 0, .4);
}

.wrapb .inner .zi {
    padding-top: 50px;
}

.wrapb .inner span {
    font-size: 24px;
    color: #fff;
    padding-bottom: 15px;
    margin-top: 50px;
}

.wrapb .inner .nr p {
    width: 70%;
    text-indent: center;
    font-size: 18px;
    color: #fff;
    padding-top: 110px;
    padding-left: 150px;
    padding-bottom: 30px;
    line-height: 30px;
}

.circle {
    width: 100%;
    height: 540px;
    float: left;
}

.circle .blk .lt img {
    padding-left: 80px;
    padding-top: 20px;
}

.circle .blk .lt {
    float: left;
}

.circle .blk .rz {
    float: left;
    padding-top: 50px;
    padding-left: 90px;
}

.circle .blk .rz p {
    font-size: 16px;
    padding-top: 50px;
}

.circle .blk .rz p img {
    padding-right: 20px;
}

.circle .blk .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 40px;
}

.circle .blk .zi span {
    font-size: 24px;
    color: #333;
    padding-bottom: 15px;
}

.wrapg {
    height: 490px;
    background: url(../images/huanghun.jpg) no-repeat;
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}

.wrapg .zi {
    padding-top: 50px;
}

.wrapg span {
    font-size: 24px;
    color: #fff;
    padding-bottom: 15px;
    margin-top: 50px;
}

.wrapg .nr {
    padding-top: 125px;
}

.wrapg .nr p {
    width: 270px;
    font-size: 18px;
    color: #fff;
    padding-left: 100px;
    padding-bottom: 0px;
    line-height: 30px;
    float: left;
}

.wrapg .nr img {
    padding-bottom: 0px;
}

.refer {
    width: 100%;
    height: 605px;
    float: left;
    background-color: #f5f5f5;
}

.refer .call .zi span {
    font-size: 24px;
}

.refer .call .zi p {
    font-size: 16px;
    color: #999;
}

.refer .call .lianxi {
    width: 100%;
    text-align: center;
    padding-top: 25px;
    line-height: 38px;
}

.refer .call .lianxi p {
    font-size: 18px;
    color: #999;
}

.refer .call .lianxi p span {
    font-size: 24px;
    color: #008cd6;
}

.refer .content input {
    margin-top: 30px;
    padding: 10px;
    float: left;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #ccc;
}

.refer .content {
    width: 100%;
    padding: 10px;
    padding-left: 280px;
}

.refer .content p {
    float: left;
    padding-top: 37px;
    font-size: 16px;
}

.refer .content ul {
    width: 520px;
}

.refer .content ul li {
    float: right;
}

.refer .content input {
    width: 330px;
}

.refer .submit {
    width: 100%;
    padding: 10px;
    padding-left: 188px;
}

.refer .submit input {
    width: 300px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #008cd6;
    border: 1px solid #008cd6;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 35px;
}

/*奇妙作文*/
.special {
}

.special .nav {
    padding-top: 25px; /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
    position: relative;
    z-index: 9999
}

.special .nav p {
    color: #333;
}

@media \0screen\,screen\9 {
    /* 只支持IE6、7、8 */
    .special .nav {
        background-color: #000000;
        filter: Alpha(opacity=50);
        position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom: 1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }

    .special .nav p {
        position: relative; /* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}

.special .nav .main img {
    float: left;
}

.special .nav .main ul {
    float: right;
    margin-top: 8px;
}

.special .nav .main ul li {
    width: 85px;
    height: 45px;
    font-size: 16px;
    float: left;
    text-align: center;
}

.special .nav .main ul li a {
    color: #333;
}

.special .nav .main ul li a:hover {
    color: #008cd6;
}

.special .nav .main ul li.on {
    border-bottom: 4px solid #008cd6;
    color: #fff;
}

.wrapy {
    height: 490px;
    background: url(../images/zuowen.jpg) no-repeat;
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}

.wrapy .inner .zi {
    padding-top: 50px;
}

.wrapy .inner span {
    font-size: 24px;
    color: #fff;
    padding-bottom: 15px;
    margin-top: 50px;
}

.wrapy .inner .nr p {
    width: 70%;
    text-indent: center;
    font-size: 18px;
    color: #fff;
    padding-top: 110px;
    padding-left: 150px;
    padding-bottom: 30px;
    line-height: 30px;
}

.wrapy .banner img {
}

.wrapy .banner {
    float-top: 60px;
}

.outline {
    width: 100%;
    height: 430px;
    float: left;
}

.vivid {
    width: 100%;
    float: left;
}

.vivid .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 40px;
}

.vivid .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
}

.vivid .why {
    padding-left: 10px;
}

.vivid ul {
    width: 100%;
    text-align: center;
}

.vivid ul li {
    float: left;
    width: 295px;
}

.vivid .why p {
    width: 170px;
    font-size: 15px;
    color: #333;
    line-height: 26px;
    padding-left: 65px;
    padding-top: 20px;
}

.fanzhuan img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    margin: 0 auto;
}

.fanzhuan img:hover {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}


.level {
    width: 100%;
    height: 570px;
    background-color: #f6fafc;
    float: left;
}

.level .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 40px;
}

.level .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
}

.level .divide .tu li {
    float: left;
    margin-left: 60px;
}

.level .divide .tu p {
    font-size: 16px;
    color: #999;
    margin-bottom: 6px;
}

.level .divide .tu span {
    font-size: 20px;
}

.level .divide .tu {
    width: 100%;
    text-align: center;
}

.level .divide .tu img {
    padding-bottom: 10px;
}

.lead {
    width: 100%;
    height: 530px;
    float: left;
}

.lead .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 40px;
}

.lead .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
}

.lead .divide .tu li {
    width: 500px;
    height: 115px;
    float: left;
    margin-left: 100px;
    margin-top: 40px;
}

.lead .divide .tu p {
    font-size: 16px;
    color: #666;
    margin-bottom: 6px;
    margin-top: 6px;
}

.lead .divide .tu span {
    font-size: 20px;
}

.lead .divide .tu {
}

.lead .divide .tu img {
    padding-right: 30px;
    float: left;
}

.lead .divide .tu .le {
}

.lead .divide .tu .ri {
    padding-top: 22px;
}

.lead .divide .tu .ri span {
    margin-top: 5px;
}

.wrapv {
    background: url(../images/heiban.jpg) no-repeat;
    -webkit-background-size: 100%;
    float: left;
    width: 100%;
}

.wrapv .inner {
    background: url(../images/ppp.png) no-repeat;
    height: 490px;
}

.wrapv .inner .zi {
    padding-top: 50px;
}

.wrapv .inner .zi span {
    font-size: 24px;
}

.wrapv .inner span {
    font-size: 20px;
    color: #fff;
    padding-bottom: 15px;
    margin-top: 50px;
}

.wrapv .inner p {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 30px;
}

.wrapv .inner .nr p {
    width: 100%;
    text-indent: center;
    font-size: 18px;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 30px;
    line-height: 30px;
}

.wrapv .four ul {
    width: 100%;
    text-align: center;
}

.wrapv .four li {
    width: 200px;
    float: left;
    margin-left: 85px;
    padding-top: 50px;
}

.wrapv .four li p {
    padding-top: 38px;
}

.wrapv .four li span {
    border-bottom: 1px solid #fff;
    padding-left: 20px;
    padding-right: 20px;
}

.yesd {
    width: 100%;
    height: 545px;
    float: left;
    text-indent: center;
}

.yesd .zi span {
    font-size: 24px;
    color: #333;
    padding-bottom: 15px;
    margin-top: 50px;
    color: #008cd6;
}

.yesd .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
}

.yesd .fiv ul li {
    width: 358px;
    float: left;
    margin-left: 32px;
    border: 1px solid #f0f0f0;
    background-color: #fff;
}

.yesd .fiv ul span {
    font-size: 20px;
    color: #333;
    padding-left: 10px;
}

.yesd .fiv ul img {
    padding-bottom: 10px;
}

.yesd .fiv ul li a:hover {
    float: left;
    background-color: #008cd6;
}

.yesd .fiv ul p {
    font-size: 16px;
    color: #333;
    padding-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 20px;
    padding-left: 10px;
}

.yesd .fiv ul li a:hover p {
    font-size: 16px;
    color: #fff;
    padding-top: 12px;
    margin-bottom: 12px;
}

.yesd .fiv ul li a:hover span {
    font-size: 20px;
    color: #fff;
}

.hill {
    width: 100%;
    height: 520px;
    background: url(../images/shanshui.png) no-repeat;
    float: left;
}

.hill .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.hill .left_k, .right_k {
    float: left;
}

.hill .right_k {
    width: 450px;
    padding-top: 185px;
    padding-left: 150px;
    line-height: 30px;
}

.hill .right_k p {
    font-size: 18px;
}

.left_k {
    padding-left: 110px;
    padding-top: 125px;
}

.left_k .fangda p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.left_k .fangda p:hover {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.sign {
    width: 100%;
    height: 435px;
    float: left;
    background-color: #f5f5f5;
}

.sign .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.sign .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
}

.sign .left_f li {
    float: left;
    margin-left: 60px;
}

.sign .left_f {
    padding-top: 45px;
    float: left;
}

.sign .left_f li a p {
    font-size: 18px;
    color: #333;
    padding-top: 10px;
}

.sign .right_f p {
    font-size: 24px;
}

.sign .right_f p span {
    font-size: 26px;
    color: #008cd6;
}

.sign .right_f {
    width: 230px;
    padding-left: 180px;
    padding-top: 75px;
    float: left;
}

.wit {
    width: 100%;
    height: 500px;
    float: left;
}

.wit .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.wit .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
}

.wit .three img {
    margin-left: 70px;
}

/*单词速记*/
.wrapm {
    float: left;
    width: 100%;
}

.wrapm .inner .zi {
    padding-top: 50px;
}

.wrapm .inner span {
    font-size: 24px;
    color: #fff;
    padding-bottom: 15px;
    margin-top: 50px;
}

.wrapm .inner .nr p {
    width: 70%;
    text-indent: center;
    font-size: 18px;
    color: #fff;
    padding-top: 110px;
    padding-left: 150px;
    padding-bottom: 30px;
    line-height: 30px;
}

.wrapm .banner img {
    width: 100%;
}

.wrapm .banner {
    float-top: 60px;
}

.steno {
    width: 100%;
    height: 330px;
    float: left;
    text-align: center;
}

.steno .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.steno ul li {
    width: 160px;
    margin-left: 40px;
    float: left;
}

.steno .icons {
    padding-top: 50px;
}

.steno ul li p {
    width: 115px;
    font-size: 16px;
    color: #333;
    padding-top: 20px;
}

.strong {
    width: 100%;
    height: 490px;
    background-color: #f5f5f5;
    float: left;
}

.strong .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.strong .six {
    width: 100%;
    text-align: center;
    padding-top: 50px;
}

.science {
    width: 100%;
    height: 520px;
    float: left;
}

.science .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.science .two ul li {
    width: 400px;
    margin-left: 150px;
    float: left;
    padding-top: 50px;
}

.science .two ul li p {
    width: 380px;
    font-size: 16px;
    color: #333;
    padding-top: 20px;
    padding-left: 25px;
    line-height: 25px;
}

.means {
    width: 100%;
    height: 579px;
    float: left;
    background: url(../images/hei.jpg) no-repeat center;
    text-align: center;
}

.means .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.means .say {
    padding-top: 135px;
}

.future {
    width: 100%;
    height: 555px;
    float: left;
    background-color: #f6fafc;
}

.future .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.future .left {
    float: left;
    padding-top: 40px;
}

.future .left img {
    padding-left: 35px;
}

.future .right {
    float: left;
    padding-top: 60px;
    padding-left: 130px;
}

.future .right .yy {
    width: 380px;
    padding-top: 30px;
}

.future .right .yy p {
    font-size: 15px;
}

.future .right .pos img {
    margin-top: 30px;
}

.potent {
    width: 100%;
    height: 523px;
    float: left;
    background: url(../images/chengs.jpg) no-repeat;
}

.potent .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.potent .inner {
    height: 523px;
    background: rgba(0, 0, 0, .6);
}

.duzhi .tu li {
    float: left;
    margin-left: 60px;
}

.duzhi .tu p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
}

.duzhi .tu span {
    font-size: 20px;
    color: #fff;
}

.duzhi .tu {
    width: 100%;;
}

.duzhi .tu img {
    padding-bottom: 10px;
}

.duzhi .tu li {
    width: 500px;
    height: 115px;
    float: left;
    margin-left: 100px;
    margin-top: 60px;
}

.duzhi .tu p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
    margin-top: 6px;
}

.duzhi .tu span {
    font-size: 20px;
    color: #fff;
}

.duzhi .tu img {
    padding-right: 30px;
    float: left;
}

.duzhi .tu .le {
}

.duzhi .tu .ri {
    padding-top: 22px;
}

.duzhi .tu .ri span {
    margin-top: 5px;
    color: #fff;
}

/*方未阅读*/


.pote {
    width: 100%;
    height: 523px;
    float: left;
    background-color: #f5f5f5;
}

.pote .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
    margin-top: 50px;
    padding-left: 10px;
}

.pote .inner {
    height: 523px;
}

.pote p, span {
}

.imm {
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
}

.pingtai {
    float: left;
    width: 100%;
}

.pingtai .inner {
    height: 565px;
}

.pingtai .inner .zi {
    padding-top: 50px;
}

.pingtai .inner .zi span {
    font-size: 24px;
}

.pingtai .inner p {
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 30px;
}

.pingtai .four ul {
    width: 100%;
    text-align: center;
}

.pingtai .four li {
    width: 200px;
    float: left;
    margin-left: 48px;
    padding-top: 35px;
}

.pingtai .four li p {
    padding-top: 10px;
}

.pingtai .four li span {
    font-size: 18px;
    color: #fff !important;;
    padding-left: 20px;
    padding-right: 20px;
}

.yesv {
    width: 100%;
    height: 420px;
    float: left;
    text-indent: center;
}

.yesv .zi span {
    font-size: 24px;
    color: #333;
    padding-bottom: 15px;
    margin-top: 50px;
    color: #008cd6;
}

.yesv .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
}

.yesv .fiv ul li {
    width: 358px;
    float: left;
    margin-left: 32px;
    background-color: #fff;
}

.yesv .fiv ul span {
    font-size: 20px;
    color: #333;
    padding-left: 10px;
}

.yesv .fiv ul img {
    padding-bottom: 10px;
}

.yesv .fiv ul p {
    font-size: 16px;
    color: #333;
    padding-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 20px;
    padding-left: 10px;
}

.rt img {
    width: 100%;
    float: left;
}

.show {
    width: 100%;
    text-align: center;
    float: left;
}

.show img {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 10px;
}

/*匠心独具*/

.navs {
    position: relative;
}

.navs .demo {
    width: 100%;
    padding-top: 25px;

    position: absolute;
    z-index: 9999
}

.navs .demo p {
    color: #FFFFFF;
}

@media \0screen\,screen\9 {
    /* 只支持IE6、7、8 */
    .navs .demo {
        background-color: #000000;
        filter: Alpha(opacity=50);
        position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom: 1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }

    .navs .demo p {
        position: relative; /* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}

.navs .demo .main img {
    float: left;
}

.navs .demo .main ul {
    float: right;
    margin-top: 4px;
}

.navs .demo .main ul li {
    font-size: 16px;
    float: left;
    width: 95px;
    text-align: center;
    height: 50px;
}

.navs .demo .main ul li a {
    width: 100%;
    color: #fff;
}

.navs .demo .main ul li a:hover {
    color: #049ff1;
}

.navs .demo .main ul li.on {
    border-bottom: 4px solid #049ff1;
    color: #fff;
}

.navs .demo .main ul li p.on {
    color: #049ff1;
    font-size: 16px;
}

.total {
    width: 100%;
    float: left;
}

.total .left_h {
    width: 47%;
    float: left;
    padding-top: 30px;
    padding-right: 78px;
    padding-bottom: 20px;
}

.total .right_h {
    width: 41%;
    float: left;
}

.total .right_h .zi {
    padding-top: 50px;
}

.total .right_h .zi span {
    font-size: 24px;
}

.total .right_h img {
    float: left;
    padding-right: 10px;
    padding-top: 10px;
}

.total .right_h li {
    height: 70px;
    margin-top: 15px;
}

.total .right_h li p, span {
    font-size: 16px;
    line-height: 26px;
}

.total .right_h ul {
    padding-top: 10px;
    padding-left: 75px;
}

.total .right_h li p span {
    color: #008cd6 !important;;
}

.qianbi {
    width: 100%;
    height: 550px;
}

.qianbi .zi {
    padding-top: 50px;
}

.qianbi .zi span {
    font-size: 24px;
}

.classifys {
    width: 100%;
    height: 470px;
    float: left;
    background-color: #fff;
}

.zi {
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.classifys .zi p {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 30px;
}

.classifys .zi span {
    font-size: 24px;
    color: #008cd6;
    padding-bottom: 15px;
}

.classifys .img .list li {
    width: 205px;
    height: 302px;
    float: left;
    margin-left: 60px;
}

/
/
box-shadow:

0
0
3
px #666

;
投影
.classifys .list span {
}

.classifys .list a p {
    width: 150px;
    font-size: 18px;
    color: #333;
}

.classifys .list a {
    text-align: center;
    float: left;
}

.classifys .list a span {
    color: #008cd6;
}

.classifys .list a:link p {
    width: 190px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.classifys .list a:link span {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #008cd6;
    float: left;
    padding-top: 10px;
}

.classifys .list a .list-icon {
    width: 45px;
    height: 80px;
    margin: 8px auto 0px;
    background: left no-repeat;
}

.classifys .list li:nth-child(1) a .list-icon {
    background-image: url('../images/index_icon_c1_new.png');
}

.classifys .list li:nth-child(2) a .list-icon {
    background-image: url('../images/index_icon_c2_new.png');
}

.classifys .list li:nth-child(3) a .list-icon {
    background-image: url('../images/index_icon_c3_new.png');
}

.classifys .list li:nth-child(4) a .list-icon {
    background-image: url('../images/index_icon_c4_new.png');
}

.classifys .list a:link img {
    padding: 15px;
}

.classifys .list a:link {
    display: block;
    background-color: #fff;
    box-shadow: 0 0 3px #666;
}

.classifys .list a:hover {
    display: block;
    background-color: #008cd6;
    transition: 0.3s;
}

/*给a标签设置成块级元素*/
.classifys .list a:hover span {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    float: left;
    padding-top: 10px;
}

.classifys .list a:hover p {
    width: 190px;
    font-size: 16px;
    color: #fff;
    padding-left: 3px;
}

.classifys .list li a:hover .list-icon {
    background-position: right;
}

.left_m {
    width: 25%;
    height: 560px;
    float: left;
    padding-top: 130px;
    padding-left: 120px;
}

.right_m {
    width: 500px;
    float: left;
    padding-left: 270px;
    padding-top: 134px;
}

.right_m li {
    width: 500px;
    height: 60px;
    float: left;
}

.right_m input {
    color: #fff;
    margin-top: 10px;
    padding: 7px;
    padding-right: 150px;
    float: left;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
}

input::-webkit-input-placeholder { /* WebKit browsers */

    color: #fff;

}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #fff;

}

input::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #fff;

}

input:-ms-input-placeholder { /* Internet Explorer 10+ */

    color: #fff;

}

.submit {
    padding-top: 10px;
    text-align: center;
    margin-top: 25px;
}

.submit input {
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #008cd6;
    border: 1px solid #008cd6;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 7px 148px;
    font-size: 14px;
    border-radius: 4px;
}